<!-- Vue指令v-for
1.作用：基于数据循环，多次渲染整个元素→数组、对象、数字.
例子:<p v-for="...">我是一个内容</p>
2.遍历数组语法：
v-for="(item, index) in 数组"
item每一项，index下标 -->
<div id="app">
    <h3>小黑水果店</h3>
    <ul>
        <li v-for="(item,index) in list">
            {{ item }} - {{index}}
        </li>
    </ul>
    <ul>
        <li v-for="item in list">
            {{ item }}
        </li>
    </ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>
<script>
    const app = new Vue({
        el: "#app",
        data: {
            list: ['西瓜', '苹果', '香蕉', '榴莲']
        }
    })
</script>